/**
 * Created by Administrator on 2017/3/27 0027.
 */
Page3={
    Create:function(){
        var page={};

        var map;
        map=arr_texture[30];
        var picG=new THREE.PlaneGeometry(348*0.8,64*0.8,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic1=new THREE.Mesh(picG,picM);

        map=arr_texture[31];
        var picG=new THREE.PlaneGeometry(359*0.8,12*0.8,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic2=new THREE.Mesh(picG,picM);

        map=arr_texture[32];
        var picG=new THREE.PlaneGeometry(348*0.8,64*0.8,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic3=new THREE.Mesh(picG,picM);

        map=arr_texture[33];
        var picG=new THREE.PlaneGeometry(583*0.8,19*0.8,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic4=new THREE.Mesh(picG,picM);

        map=arr_texture[34];
        var picG=new THREE.PlaneGeometry(495*0.8,19*0.8,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic5=new THREE.Mesh(picG,picM);

        map=arr_texture[35];
        var picG=new THREE.PlaneGeometry(655*0.8,158*0.8,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic6=new THREE.Mesh(picG,picM);

        var picG=new THREE.PlaneGeometry(60*1,60*1,1,1);
        var picM=new THREE.MeshBasicMaterial({map:tip_textrue,transparent:true,side:THREE.DoubleSide});
        var pic7=new THREE.Mesh(picG,picM);

        var purpleG=new THREE.PlaneGeometry(1136,740,1,1);
        var purpleM=new THREE.MeshBasicMaterial({color:0x806d85,tranparent:true});
        var purpleBG=new THREE.Mesh(purpleG,purpleM);

        pic1.position.set(0,155-10,200);
        pic2.position.set(-25,110,+1050);
        pic3.position.set(0,70+10,200);
        pic4.position.set(-15,50+10,50);
        pic5.position.set(0,-30+10,50);
        pic6.position.set(0,-90+10,100);
        pic7.position.set(0,-210+10,100);


        pic6.scale.x=0.7;
        pic6.scale.y=0.7;

        pic1.material.opacity=0;
        pic2.material.opacity=0;
        pic3.material.opacity=0;
        pic4.material.opacity=0;
        pic5.material.opacity=0;
        pic6.material.opacity=0;
        pic7.material.opacity=0;


        // pic3.scale.x=1.2; pic3.scale.y=1.2;
        // pic5.scale.x=1.3; pic5.scale.y=1.3;
        // pic7.scale.x=1.1; pic7.scale.y=1.1;



        scene.add(pic1);scene.add(pic2);scene.add(pic3);scene.add(pic4);scene.add(pic5);scene.add(pic6);scene.add(pic7);


        // scene.add(purpleBG);
        // purpleBG.material.opacity=0.2;
        purpleBG.material.blending="SubtractiveBlending";
        // purpleBG.renderOrder=0;

        page.start=function() {

            renderer.setClearColor(0x806d85);

            pic1.position.y += 30;
            pic3.position.y += 30;
            pic5.position.y += 30;

            TweenMax.to(pic1.position, 0.7, {delay: 0, y: pic1.position.y - 30, ease: Cubic.easeOut});
            TweenMax.to(pic3.position, 0.7, {delay: 0.3, y: pic3.position.y - 30, ease: Cubic.easeOut});

            TweenMax.to(pic1.material, 0.7, {delay: 0, opacity: 1, ease: Cubic.easeOut});
            TweenMax.to(pic3.material, 0.7, {delay: 0.3, opacity: 1, ease: Cubic.easeOut});

            pic2.position.z = 170;
            pic4.position.z = 70;
            pic5.position.z = 70;

            TweenMax.to(pic2.position, 1, {delay: 0.9, z: 200, ease: Cubic.easeOut});
            TweenMax.to(pic4.position, 1, {delay: 1.2, z: 90, ease: Cubic.easeOut});
            TweenMax.to(pic5.position, 1, {delay: 1.5, z:90, ease: Cubic.easeOut});
            TweenMax.to(pic2.material, 1, {delay: 0.9, opacity: 1, ease: Cubic.easeOut});
            TweenMax.to(pic4.material, 1, {delay: 1.2, opacity: 1, ease: Cubic.easeOut});
            TweenMax.to(pic5.material, 1, {delay: 1.5, opacity: 1, ease: Cubic.easeOut});
            TweenMax.to(pic7.material, 1, {delay: 1.8, opacity: 1, ease: Cubic.easeOut});

            pic6.position.z=100;
            TweenMax.to(pic6.material, 1, {delay: 1.8, opacity: 1, ease: Cubic.easeOut});
            TweenMax.to(pic6.position, 1, {delay: 1.8, z:200, ease: Cubic.easeOut});


        }
        page.end=function(){
            TweenMax.to(pic1.material, 0.6, {delay: 0.1, opacity:0 , ease: Cubic.easeOut});
            TweenMax.to(pic2.material, 0.6, {delay: 0.2, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic3.material, 0.6, {delay: 0.3, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic4.material, 0.6, {delay: 0.4, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic5.material, 0.6, {delay: 0.5, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic6.material, 0.6, {delay: 0.6, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic7.material, 0.7, {delay: 0.7, opacity: 0, ease: Cubic.easeOut});

        }





        return page;
    }
}